<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=0.5,minimal-ui">
		<link rel="stylesheet" href="css/0112css.css" />
	</head>
	<body>
		
		<div class="box">
			
			<div class="logo"></div>
			
			<div class="title">
				<img src="images0112/home-left-bird.png" />
			</div>
			
			<div class="main"></div>
			
			<div class="introduce">
				
				<img class="introduce_one" src="images0112/home_right_bird.png" />
				<img class="introduce_two" src="images0112/home_rule_btn.png" onclick="show()"/>
				
			</div>
			
			<div class='shark'></div>
			
			<div class="request"></div>
			
			<!--活动规则-->
			<div id="mask" class="mask">
				
				<div class="mask_main">
					
					<div class="mask_main_title">
						<h1>活动机制</h1>
					</div>

					<div class="mask_main_content">
						<p>活动时间：</p>
						<p>2017年1月12日至2月8日；</p>
						<p>活动规则:</p>
						<span>活动时间内，通过吾皇求签活动获得礼品兑换券的用户，可在活动时间内至全国大陆范围内任一屈臣氏实体店兑换礼品一份。礼品全国限量共15万份，先到先得，派完即止。</span>
					</div>
					
				</div>
				
				<!--叉-->
				
				<div class="mask_close" onclick="show()"></div>
				
			</div>
			
		</div>
		
	</body>
	<script>
//		显示活动机制
		function show(){
			var oMask = document.getElementById('mask');
			oMask.classList.toggle('show');
		}
	</script>
</html>
